<!DOCTYPE html>
<html>
<head>
    <!--<base href="http://localhost:8080/Portal/">-->
    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
    Remove this if you use the .htaccess -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>知识培训考试系统</title>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="keywords" content="">
    <!--<link rel="shortcut icon" href="http://localhost:8080/Portal/../resources/images/favicon.ico" />-->
    <link href="../resources/bootstrap/css/bootstrap-huan.css"
          rel="stylesheet">
    <link href="../resources/font-awesome/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="../resources/css/style.css" rel="stylesheet">

    <style>
        .question-number {
            color: #5cb85c;
            font-weight: bolder;
            display: inline-block;
            width: 30px;
            text-align: center;
        }

        .question-number-2 {
            color: #5bc0de;
            font-weight: bolder;
            display: inline-block;
            width: 30px;
            text-align: center;
        }

        .question-number-3 {
            color: #d9534f;
            font-weight: bolder;
            display: inline-block;
            width: 30px;
            text-align: center;
        }

        a.join-practice-btn {
            margin: 0;
            margin-left: 20px;
        }

        .content ul.question-list-knowledge {
            padding: 8px 20px;
        }

        .knowledge-title {
            background-color: #EEE;
            padding: 2px 10px;
            margin-bottom: 20px;
            cursor: pointer;
            border: 1px solid #FFF;
            border-radius: 4px;
        }

        .knowledge-title-name {
            margin-left: 8px;
        }

        .point-name {
            width: 200px;
            display: inline-block;
        }

        .col-xs-3 {
            width: 22%;
        }
    </style>

</head>

<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-xs-5">
                <div class="logo">
                    <h1><a href="#"><img alt="" src="../resources/images/logo.png"></a></h1>
                </div>
            </div>
            <div class="col-xs-7" id="login-info">

                <a class="btn btn-primary" href="user-register">用户注册</a>
                <a class="btn btn-success" href="user-login-page">登录</a>

            </div>
        </div>
    </div>
</header>
<!-- Navigation bar starts -->

<div class="navbar bs-docs-nav" role="banner">
    <div class="container">
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="home"><i class="fa fa-home"></i>主页</a>
                </li>
                <li>
                    <a href="start-exam"><i class="fa fa-edit"></i>试题练习</a>
                </li>
                <li>
                    <a href="student/usercenter"><i class="fa fa-dashboard"></i>会员中心</a>
                </li>
                <li>
                    <a href="student/setting"><i class="fa fa-cogs"></i>个人设置</a>
                </li>
            </ul>
        </nav>
    </div>
</div>

<!-- Navigation bar ends -->

<!-- Slider starts -->

<!--<div class="full-slider">
    &lt;!&ndash; Slider (Flex Slider) &ndash;&gt;

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="flexslider">
                    <div class="flex-caption">
                        &lt;!&ndash; Left column &ndash;&gt;
                        <div class="col-l">
                            <p style="text-indent:2em;">
                                本系统主要应用于公司内部人员的培训及考核，拥有在线课程学习，课程知识点试题练习，在线考试及自动阅卷判分功能。
                            </p>

                        </div>
                        &lt;!&ndash; Right column &ndash;&gt;
                        <div class="col-r">

                            &lt;!&ndash; Use the class "flex-back" to add background inside flex slider &ndash;&gt;

                            &lt;!&ndash; <img alt="" src="../resources/images/ad.png"> &ndash;&gt;
                            <p>
                                如果您对软件有任何反馈和建议，加入我们的QQ群539541661一起讨论吧
                            </p>

                            &lt;!&ndash; Button &ndash;&gt;
                            &lt;!&ndash;<a class="btn btn-default btn-cta" href="user-register"><i class="fa fa-arrow-circle-down"></i> 马上加入我们吧</a>&ndash;&gt;

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>-->
<div class="content" style="padding:30px 0 0 0;">
    <div class="container">
        <div class="row">
            <a class="select-test col-xs-4 home-link-anchor">
                <div class="select-test-icon">
                    <i class="fa fa-book"></i>

                </div>
                <h3> 培训资料和练习 </h3>
                <p>
                    您可以免费获取对应专业的培训视频或者文档资料，通过在线练习可以考察您的知识掌握程度。
                </p>
            </a>
            <a class="select-test col-xs-4 home-link-anchor">
                <div class="select-test-icon">
                    <i class="fa fa-trophy"></i>
                </div>
                <h3> 在线考试 </h3>
                <p>
                    参加正式或者模拟考试，您的教师可以发布正式的考试，您也可以主动申请这些考试
                </p>
            </a>
            <div class="select-test col-xs-4">
                <div>
                    <h3> 快速考试入口 </h3>
                    <p>
                        通过已有的准考证快速参加考试，具体的准考证请从相关教师处获取，或者在个人中心的考试信息中查找
                    </p>

                </div>
                <div style="text-align: center;margin-top:20px;">
                    <a class="btn btn-info quick-start-btn">快速考试入口 <i class="fa fa-arrow-circle-o-right"></i> </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content" style="padding:30px 0 100px 0;background-color: rgb(246, 249, 250);">
    <div class="container">
        <div style="margin-bottom: 10px;">
            <h3>专业领域</h3>
            <p>
                我们提供多种专业课程供你学习
            </p>
        </div>
        <div class="row">
            <a class="field-category-div col-xs-3 home-link-anchor">
                <div class="field-category-title" style="background-color: #E97051;">
                    <div class="field-category-inner">
                        <i class="fa fa-medkit"></i>
                    </div>
                    <div class="field-category-text ">
                        <p>
                            医药行业考试
                        </p>
                    </div>
                </div>
                <div class="field-category-footer">
                    <div class="field-category-footer-sub">
                        <p class="field-student-subtitle">
                            医药行业考试
                        </p>

                    </div>
                    <div class="field-category-footer-sub">
                        <i class="fa fa-users"></i>
                        <span class="field-student-num">412</span>

                        名学员
                    </div>

                </div>
            </a>
            <a class="field-category-div col-xs-3 home-link-anchor">
                <div class="field-category-title" style="background-color: #5C78B9;">
                    <div class="field-category-inner">
                        <i class="fa fa-trophy"></i>
                    </div>
                    <div class="field-category-text ">
                        <p>
                            公务员申论
                        </p>
                    </div>
                </div>
                <div class="field-category-footer">
                    <div class="field-category-footer-sub">
                        <p class="field-student-subtitle">
                            公务员申论
                        </p>

                    </div>
                    <div class="field-category-footer-sub">
                        <i class="fa fa-users"></i>
                        <span class="field-student-num">2143</span>
                        名学员
                    </div>

                </div>
            </a>
            <a class="field-category-div col-xs-3 home-link-anchor">
                <div class="field-category-title" style="background-color: #5BA276;">
                    <div class="field-category-inner">
                        <i class="fa fa-car"></i>
                    </div>
                    <div class="field-category-text ">
                        <p>
                            驾校考试科目一
                        </p>
                    </div>
                </div>
                <div class="field-category-footer">
                    <div class="field-category-footer-sub">
                        <p class="field-student-subtitle">
                            驾校考试科目一
                        </p>

                    </div>
                    <div class="field-category-footer-sub">
                        <i class="fa fa-users"></i>
                        <span class="field-student-num">1213</span>
                        名学员
                    </div>

                </div>
            </a>

        </div>
    </div>
</div>
<div class="content" style="padding:30px 0 100px 0;">
    <div class="container">
        <div>
            <h3>最新公告</h3>
        </div>
        <div style="margin-top: 20px;">
            <ul class="news-list">
                <li class="news-list-item clearfix">
                    <a class="home-link-anchor">
                        <div class="news-list-thumbnail">
                            <img src="http://www.examxx.net/resources/images/index/index3.jpg">
                        </div>
                        <div class="news-list-content">
                            <div class="news-list-title">
                                Exam++ 2.0.0发布
                            </div>
                            <div class="news-list-creater">
                                <i class="fa fa-user"></i><span>Admin</span>
                                <i class="fa fa-clock-o"></i><span>2015-10-12</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="news-list-item clearfix">
                    <a class="home-link-anchor">
                        <div class="news-list-thumbnail">
                            <img src="http://www.examxx.net/resources/images/index/index2.jpg">
                        </div>
                        <div class="news-list-content">
                            <div class="news-list-title">
                                Exam++ 2.0.0配置文档
                            </div>
                            <div class="news-list-creater">
                                <i class="fa fa-user"></i><span>Admin</span>
                                <i class="fa fa-clock-o"></i><span>2015-10-11</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="copy">
                    <p>
                        Exam++ Copyright © <a href="http://www.examxx.net/" target="_blank">Exam++</a> - <a href="."
                                                                                                            target="_blank">主页</a>
                        | <a href="http://www.examxx.net/" target="_blank">关于我们</a> | <a href="http://www.examxx.net/"
                                                                                         target="_blank">FAQ</a> | <a
                            href="http://www.examxx.net/" target="_blank">联系我们</a>
                    </p>
                </div>
            </div>
        </div>

    </div>

</footer>

<!-- Slider Ends -->

<!-- Javascript files -->
<!-- jQuery -->
<script type="text/javascript"
        src="./resources/js/jquery/jquery-1.9.0.min.js"></script>
<!-- Bootstrap JS -->
<script type="text/javascript"
        src="./resources/bootstrap/js/bootstrap.min.js"></script>
<script>
    $(function () {
        bindQuestionKnowledage();
        var result = checkBrowser();
        if (!result) {
            alert("请至少更新浏览器版本至IE8或以上版本");
        }
    });

    function checkBrowser() {
        var browser = navigator.appName;
        var b_version = navigator.appVersion;
        var version = b_version.split(";");
        var trim_Version = version[1].replace(/[ ]/g, "");
        if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE7.0") {
            return false;
        } else if (browser == "Microsoft Internet Explorer" && trim_Version == "MSIE6.0") {
            return false;
        } else
            return true;
    }

    function bindQuestionKnowledage() {
        $(".knowledge-title").click(function () {
            var ul = $(this).parent().find(".question-list-knowledge");

            if (ul.is(":visible")) {
                $(this).find(".fa-chevron-down").hide();
                $(this).find(".fa-chevron-up").show();

                $(".question-list-knowledge").slideUp();

            } else {
                $(".fa-chevron-down").hide();
                $(".fa-chevron-up").show();

                $(this).find(".fa-chevron-up").hide();
                $(this).find(".fa-chevron-down").show();

                $(".question-list-knowledge").slideUp();
                ul.slideDown();

            }

        });
    }
</script>
<script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1252987997'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D1252987997' type='text/javascript'%3E%3C/script%3E"));
</script>
</body>
</html>
